<!doctype html>
<html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
    <link href="../static/css/jquery-ui.css"  type="text/css" rel="stylesheet">
    <!--日历-->
    <link  href="../static/css/jquery-ui-timepicker-addon.css"  rel="stylesheet">
    <!--日历-->
    <link href="../static/css/index.css" type="text/css" rel="stylesheet">
    <title>通知--通知发布</title>
    <script type="text/javascript">
        jQuery(function () {
            // 时间设置
            jQuery('#datepicker').datetimepicker({
                timeFormat: "HH:mm:ss",
                dateFormat: "yy-mm-dd"
            });


 jQuery('#datepicker2').datetimepicker({
                timeFormat: "HH:mm:ss",
                dateFormat: "yy-mm-dd"
            });




        });
		
		
		
    </script>
    </head>

    <body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
      <div class="container-fluid">
    <div class="navbar-header" style=" width:100%;"> <a class="navbar-brand" href="javascript:history.go(-1);"  style=" width:100%;  padding-right:0px;"> <span class="glyphicon glyphicon-arrow-left white"></span> 
      <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>--> 
      <span class="white" style="margin-left:10%">上级通知--添加</span> <span class="glyphicon glyphicon-user white" style="float:right"></span> </a> </div>
  </div>
      <!-- /.container-fluid --> 
    </nav>
<!--头部 end--> 
<!--主体部分-->
<div class="container" style="margin-top:70px;">
      <div class="row row_margin">
    <form class="form-horizontal" role="form" action="" method="post">
          <div class="form-group">
        <label for="" class="col-sm-2  control-label">标题：</label>
        <div class="col-sm-10 ">
              <input type="text" class="form-control" id="" placeholder="标题"  value="">
            </div>
      </div>
          <div class="form-group">
        <label for="" class="col-sm-2  control-label">文档号：</label>
        <div class="col-sm-10 ">
              <div class="input-group">
            <input type="text" class="form-control">
            <span class="input-group-addon" style="background:none;border:none; color:#999">可不用填写</span> </div>
            </div>
      </div>
          <div class="form-group">
        <label for="" class="col-sm-2  control-label">上级部门：</label>
        <div class="col-sm-10 ">
              <select class="form-control" id="s1" onchange="a()">
            <option>校长</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>自定义</option>
          </select>
              <div class="row" style="margin-top:8px">
            <div class="col-xs-8">
                  <input id="new" placeholder="添加新的" class="form-control" >
                </div>
            <div  class="col-xs-4 "><span id="add"  class="btn btn-warning" >添加</span> </div>
          </div>
              <!--  <input id="new" placeholder="添加新的" class="form-control" >  
                         <span id="add"  class="btn btn-warning">add</span>	
                      --> 
              
            </div>
      </div>
          
          <!--<div class="form-group">
    <div class="input-group">
      
      <input class="form-control" type="email" id="new" placeholder="添加新的" >
      <div class="input-group-addon">@</div>
    </div>
  </div>             
-->
          
          <div class="form-group">
        <label for="" class="col-sm-2  control-label">下达开始日期：</label>
        <div class="col-sm-10 ">
              <input type="text" id="datepicker" class="form-control " placeholder="下达开始日期" >
            </div>
      </div>
          <div class="form-group">
        <label for="" class="col-sm-2  control-label">要求完成时间：</label>
        <div class="col-sm-10 ">
              <div class="input-group">
            <input type="text" id="datepicker2" class="form-control " placeholder="要求完成时间" >
            <span class="input-group-addon" style="background:none;border:none; color:#999">可不用填写</span> </div>
              <!-- <input type="text" id="datepicker2" class="form-control " placeholder="要求完成时间" >--> 
              
            </div>
      </div>
          <div class="form-group">
        <label for="" class="col-sm-2  control-label">文章内容：</label>
        <div class="col-sm-10 ">
              <textarea id="category_content" name="category_content" rows="22" cols="80" style="width: 100%"></textarea>
            </div>
      </div>
         <!-- <div class="form-group">
        <label for="" class="col-sm-2  control-label">拍照：</label>
        <div class="col-sm-10 "> 
              
                <button type="button" class="btn btn-success">点击拍照</button>
              <input type="file" accept="image/*" capture="camera">
            </div>
      </div>-->
          <div class="form-group">
        <label for="" class="col-sm-2  control-label">附件：</label>
        <div class="col-sm-10 ">
              <input type="file" id="exampleInputFile">
            </div>
      </div>
          <!--       
             <div class="form-group">
             
                
              
               <label for="" class="col-sm-2  control-label">阅读对象：</label>
               <div class="col-sm-10 " style="border:1px solid #c5c5c5; padding-bottom:5px;">
                
                
                <label class="checkbox-inline">
                 <input type="checkbox" id="inlineCheckbox1" value="option1"> 全部人员
                </label>
                <label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox2" value="option2"> 领导团队
                </label>
                <label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox3" value="option3"> 校办
                </label>
                
                 <label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox3" value="option3"> 校办
                </label>
               
                <hr>
                
                  
                <label class="checkbox-inline">
                 <input type="checkbox" id="inlineCheckbox1" value="option1"> 全部人员
                </label>
                <label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox2" value="option2"> 领导团队
                </label>
                <label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox3" value="option3"> 校办
                </label>
                
                 <label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox3" value="option3"> 校办
                </label>
                </div>
             </div>
             -->
          
        </form>
  </div>
      <!--row  end-->
      
      <div class="row row_margin" >
    <button type="button" class="btn btn-primary btn-lg btn-block btn-primary2">确定</button>
  </div>
    </div>
<!--container  end--> 
<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:25%;">
      <div class="row">
    <div class="footer navbar-fixed-bottom">
          <div class="col-xs-12" style=" height:15%"></div>
          <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
          <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
          <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
        </div>
    <!--footer  end--> 
    
  </div>
      <!--row  end--> 
      
    </div>
<!--container  end--> 

<!--底部end--> 
<!--日历--> 
<script src="../static/js/jquery.min.js" type="text/javascript"></script> 
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script> 
<script src="../static/js/jquery-ui.js"  type="text/javascript"></script><!--日历--> 
<script src="../static/js/jquery-ui-timepicker-addon.js"  type="text/javascript"></script><!--日历--> 
<script src="../static/js/jquery.ui.datepicker-zh-CN.js.js" type="text/javascript" charset="gb2312"></script><!--中文 日历--> 
<script src="../static/js/jquery-ui-timepicker-zh-CN.js" type="text/javascript"></script><!--中文 日历--> 
<script type="text/javascript">
        $(document).ready(function(){
            $("#new").hide();
            $("#add").hide();
			
            $("#add").click(function(){
                $("#s1").append("<option>"+$("#new").val()+"</option>");
                $("#new").val('');
            });
        });
        function a()
        {
            var val = $("#s1").val();
            if (val == '自定义') {
                $("#new").show();
                $("#add").show();
            } else{
                //alert(val);
            };
        }
    </script> 

<!--datepicker 年月日   dtimepiece时分秒--> 
<script>
  $(function() {
    $( "#datepicker" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$( "#datepicker2" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
  });
  </script> 

<!--编辑器--> 
<script type="text/javascript" src="../static/xhe/xheditor-1.2.2.min.js"></script> 
<script type="text/javascript" src="../static/xhe/xheditor_lang/zh-cn.js"></script> 
<script type="text/javascript">
$(pageInit);
function pageInit()
{
	$.extend(XHEDITOR.settings,{shortcuts:{'ctrl+enter':submitForm}});//修改默认设置
	$('#category_content').xheditor({modalWidth:700,modalHeight:500,upBtnText:'浏览',upLinkUrl:"!ckfinder/upload.html",upImgUrl:"!ckfinder/upload.html?type=Images",upFlashUrl:"!ckfinder/upload.html?type=Flash",upMediaUrl:"!ckfinder/upload.html"});
}
function submitForm(){$('#myform').submit();}
</script>
</body>
</html>
